<template>
  <div>
    <el-table :data="goods_list">
      <el-table-column
        width="100"
        prop="name"
        label="名称"
      />
      <el-table-column
        width="50"
        prop="level"
        label="等级"
      />
      <el-table-column
        prop="extra"
        label="属性"
      />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'Body',
  props: {
    goodsList: {
      required: true,
      type: Array
    }
  },
  data() {
    return {
      goods_list: this.goodsList
    }
  },
  watch: {
    goodsList: function() {
      this.goods_list = this.goodsList
    }
  }
}
</script>
